<extend name="Public/common" />
<block name="body">
<div class="page">
  <div class="fixed-bar">
    <div class="item-title">
      <h3>微信菜单管理</h3>
      <ul class="tab-base">
        	<li><a href="{:U('index')}"><span>列表</span></a></li>
	        <li><a href="{:U('add')}"><span>新增</span></a></li>
	        <li><a href="JavaScript:void(0);" class="current"><span>编辑</span></a></li>
      </ul>
    </div>
  </div>
  <div class="fixed-empty"></div>
  <form id="form1" method="post" enctype="multipart/form-data" name="form1">
    <input type="hidden" name="menu_id" value="{$info['menu_id']}" />
    <table class="table tb-type2">
      <tbody>
        <tr class="noborder">
          <td colspan="2" class="required"><label class="validation" for="menu_title">菜单名称:</label></td>
        </tr>
        <tr class="noborder">
          <td class="vatop rowform"><input type="text" value="{$info['menu_title']}" name="menu_title" id="menu_title" class="txt"></td>
          <td class="vatop tips">菜单在微信里面的显示名称</td>
        </tr>

        <tr>
          <td colspan="2" class="required"><label class="validation" for="menu_name">菜单事件名称:</label></td>
        </tr>
        <tr class="noborder">
          <td class="vatop rowform"><input type="text" value="{$info['menu_name']}" name="menu_name" id="menu_name" class="txt"></td>
          <td class="vatop tips">菜单的响应动作类型名称。可以绑定微信程序里面开发的事件</td>
        </tr>

        <tr>
          <td colspan="2" class="required"><label class="validation" for="parent_id">上级菜单:</label></td>
        </tr>
        <tr class="noborder">
          <td class="vatop rowform"><select name="parent_id" id="parent_id">
              <option value="0">顶级菜单</option>
		        <notempty name="cate">
		        <volist name="cate" id="vo">
              <option <eq name="info.parent_id" value="$key">selected='selected'</eq> value="{$key}">{$vo}</option>
              </volist>
              </notempty>
            </select></td>
          <td class="vatop tips">上级菜单，微信的菜单最多2层</td>
        </tr>

        <tr>
          <td colspan="2" class="required"><label for="menu_url">链接地址:</label></td>
        </tr>
        <tr class="noborder">
          <td class="vatop rowform"><input type="text" value="{$info['menu_url']}" name="menu_url" id="menu_url" class="txt"></td>
          <td class="vatop tips">菜单view 类型的链接地址</td>
        </tr>

        <tr>
          <td colspan="2" class="required"><label for="sort">排序:</label></td>
        </tr>
        <tr class="noborder">
          <td class="vatop rowform"><input type="text" value="{$info['sort']}" name="sort" id="sort" class="txt"></td>
          <td class="vatop tips">数值越大越靠前</td>
        </tr>


        <tr>
          <td colspan="2" class="required"><label>菜单类型:</label></td>
        </tr>
        <tr class="noborder">
          <td class="vatop rowform"><ul>
            <li>
              <input type="radio" <eq name='info.menu_type' value='1'>checked="checked"</eq> value="1" name="menu_type" id="menu_type1">
              <label for="menu_type1">click</label>
            </li>
            <li>
              <input type="radio" <eq name='info.menu_type' value='2'>checked="checked"</eq> value="2" name="menu_type" id="menu_type2">
              <label for="menu_type2">view</label>
            </li>
            <li>
              <input type="radio" <eq name='info.menu_type' value='3'>checked="checked"</eq> value="3" name="menu_type" id="menu_type3">
              <label for="menu_type3">scancode_push</label>
            </li>
            <li>
              <input type="radio" <eq name='info.menu_type' value='4'>checked="checked"</eq> value="4" name="menu_type" id="menu_type4">
              <label for="menu_type4">scancode_waitmsg</label>
            </li>
            <li>
              <input type="radio" <eq name='info.menu_type' value='5'>checked="checked"</eq> value="5" name="menu_type" id="menu_type5">
              <label for="menu_type5">pic_sysphoto</label>
            </li>
            <li>
              <input type="radio" <eq name='info.menu_type' value='6'>checked="checked"</eq> value="6" name="menu_type" id="menu_type6">
              <label for="menu_type6">pic_photo_or_album</label>
            </li>
            <li>
              <input type="radio" <eq name='info.menu_type' value='7'>checked="checked"</eq> value="7" name="menu_type" id="menu_type7">
              <label for="menu_type7">pic_weixin</label>
            </li>
            <li>
              <input type="radio" <eq name='info.menu_type' value='8'>checked="checked"</eq> value="8" name="menu_type" id="menu_type8">
              <label for="menu_type8">location_select</label>
            </li>
            <li>
              <input type="radio" <eq name='info.menu_type' value='9'>checked="checked"</eq> value="9" name="menu_type" id="menu_type9">
              <label for="menu_type9">media_id</label>
            </li>
            <li>
              <input type="radio" <eq name='info.menu_type' value='10'>checked="checked"</eq> value="10" name="menu_type" id="menu_type10">
              <label for="menu_type10">view_limited</label>
            </li>
          </ul></td>
          <td class="vatop tips">
            菜单的响应动作类型----目前建议直选click或者view<br />
            1、click：点击推事件用户点击click类型按钮后，微信服务器会通过消息接口推送消息类型为event的结构给开发者（参考消息接口指南），并且带上按钮中开发者填写的key值，开发者可以通过自定义的key值与用户进行交互；<br />
            2、view：跳转URL用户点击view类型按钮后，微信客户端将会打开开发者在按钮中填写的网页URL，可与网页授权获取用户基本信息接口结合，获得用户基本信息。<br />
            3、scancode_push：扫码推事件用户点击按钮后，微信客户端将调起扫一扫工具，完成扫码操作后显示扫描结果（如果是URL，将进入URL），且会将扫码的结果传给开发者，开发者可以下发消息。<br />
            4、scancode_waitmsg：扫码推事件且弹出“消息接收中”提示框用户点击按钮后，微信客户端将调起扫一扫工具，完成扫码操作后，将扫码的结果传给开发者，同时收起扫一扫工具，然后弹出“消息接收中”提示框，随后可能会收到开发者下发的消息。<br />
            5、pic_sysphoto：弹出系统拍照发图用户点击按钮后，微信客户端将调起系统相机，完成拍照操作后，会将拍摄的相片发送给开发者，并推送事件给开发者，同时收起系统相机，随后可能会收到开发者下发的消息。<br />
            6、pic_photo_or_album：弹出拍照或者相册发图用户点击按钮后，微信客户端将弹出选择器供用户选择“拍照”或者“从手机相册选择”。用户选择后即走其他两种流程。<br />
            7、pic_weixin：弹出微信相册发图器用户点击按钮后，微信客户端将调起微信相册，完成选择操作后，将选择的相片发送给开发者的服务器，并推送事件给开发者，同时收起相册，随后可能会收到开发者下发的消息。<br />
            8、location_select：弹出地理位置选择器用户点击按钮后，微信客户端将调起地理位置选择工具，完成选择操作后，将选择的地理位置发送给开发者的服务器，同时收起位置选择工具，随后可能会收到开发者下发的消息。<br />
            9、media_id：下发消息（除文本消息）用户点击media_id类型按钮后，微信服务器会将开发者填写的永久素材id对应的素材下发给用户，永久素材类型可以是图片、音频、视频、图文消息。请注意：永久素材id必须是在“素材管理/新增永久素材”接口上传后获得的合法id。<br />
            10、view_limited：跳转图文消息URL用户点击view_limited类型按钮后，微信客户端将打开开发者在按钮中填写的永久素材id对应的图文消息URL，永久素材类型只支持图文消息。请注意：永久素材id必须是在“素材管理/新增永久素材”接口上传后获得的合法id<br />
          </td>
        </tr>
 

      </tbody>
      <tfoot>
        <tr class="tfoot">
          <td colspan="15" ><a href="JavaScript:void(0);" class="btn" id="submit"><span>提交</span></a></td>
        </tr>
      </tfoot>
    </table>
  </form>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$('#form1').validate({
        errorPlacement: function(error, element){
			error.appendTo(element.parent().parent().prev().find('td:first'));
        },
        rules : {
        	menu_title : {
                required : true
            },
            menu_name : {
              required : true
            },
            sort : {
            	number   : true
            }
        },
        messages : {
            menu_title : {
                required : "菜单名称必须填写"
            },
            menu_name : {
              required : "菜单事件名称必须填写"
            },
            sort : {
                number   : "排序只能为数字"
            }
        }
    });
	$("#submit").click(function() {
		if ($("#form1").valid()) {
			$("#form1").submit();
		}
	});
});
</script>
</block>